// 保护逻辑运算符
// ant === js中的 && 并 运算符
// not === js中的! 取反
// or === js 中的 || 或 运算符 or 可以通过逗号分隔守卫来模拟or运算符

// 默认文字大小粗细
// >10 && < 14
.mixin(@size) when (@size > 10px) and (@size < 14px) {
  font-weight: 400;
}

// or
// > 12 || <= 14
.mixin(@size) when (@size > 12px), (@size <= 14px) {
  font-weight: 500;
}

// 文字加粗
// >= 18 && <= 24
.mixin(@size) when (@size >=18px) and (@size <= 24px) {
  font-weight: 700;
}

// 中等加粗
// 只能是 15 16 17 px
.mixin(@size) when (not (@size >=18px)) and (not (@size =< 14px)) {
  font-weight: 550;
}

.w1 {
  .mixin(14px);
}
.w2 {
  .mixin(20px);
}
.w3 {
  .mixin(16px);
}
